<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	pageContext.setAttribute("basePath",request.getContextPath());
%>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>编辑角色</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link href="${basePath }/static/css/bootstrap.min.css" rel="stylesheet">
	<link href="${basePath }/static/css/font-awesome.min.css" rel="stylesheet">
	<!-- bootstrap-table 表格插件样式 -->
	<link href="${basePath }/static/ajax/libs/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
	<link href="${basePath }/static/css/animate.css" rel="stylesheet">
	<link href="${basePath }/static/css/style.css" rel="stylesheet">
	<link href="${basePath }/static/ruoyi/css/ry-ui.css" rel="stylesheet">
    <link href="${basePath }/static/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css" rel="stylesheet">
	<link rel="stylesheet" href="${basePath }/static/ajax/libs/layer/theme/default/layer.css">
	<link rel="stylesheet" href="${basePath }/static/ajax/libs/layer/theme/moon/style.css">
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<form class="form-horizontal m" id="form-role-add" novalidate="novalidate">
			<input class="form-control hidden" type="text" name="roleId" value="${role.roleId }">
			<div class="form-group">
				<label class="col-sm-3 control-label ">角色名称：</label>
				<div class="col-sm-8">
					<input class="form-control" type="text" name="roleName" value="${role.roleName }" required aria-required="true">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">权限字符：</label>
				<div class="col-sm-8">
					<input class="form-control" type="text" name="roleKey" value="${role.roleKey }" required aria-required="true">
					<span class="help-block m-b-none"></span>
				</div>
			</div>
			
			<div class="form-group">
				<label class="col-sm-3 control-label">角色描述：</label>
				<div class="col-sm-8">
					<input class="form-control" type="text" name="roleDecs" value="${role.roleDecs }" required aria-required="true">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">菜单权限：</label>
				<div class="col-sm-8">
					<div id="menuTrees" class="ztree"></div>
				</div>
			</div>
		</form>
	</div>
	
<script src="${basePath }/static/js/jquery.min.js"></script>
<script src="${basePath }/static/js/bootstrap.min.js"></script>
<!-- bootstrap-table 表格插件 -->
<script src="${basePath }/static/ajax/libs/bootstrap-table/bootstrap-table.min.js"></script>
<script src="${basePath }/static/ajax/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${basePath }/static/ajax/libs/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js"></script>
<script src="${basePath }/static/ajax/libs/bootstrap-table/extensions/toolbar/bootstrap-table-toolbar.min.js"></script>
<script src="${basePath }/static/ajax/libs/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.js"></script>
<!-- jquery-validate 表单验证插件 -->
<script src="${basePath }/static/ajax/libs/validate/jquery.validate.min.js"></script>
<script src="${basePath }/static/ajax/libs/validate/messages_zh.min.js"></script>
<script src="${basePath }/static/ajax/libs/validate/jquery.validate.extend.js"></script>
<!-- jquery-validate 表单树插件 -->
<script src="${basePath }/static/ajax/libs/bootstrap-treetable/bootstrap-treetable.js"></script>
<!-- jquery-export 表格导出插件 -->
<script src="${basePath }/static/ajax/libs/bootstrap-table/extensions/export/bootstrap-table-export.js"></script>
<script src="${basePath }/static/ajax/libs/bootstrap-table/extensions/export/tableExport.js"></script>

<script src="${basePath }/static/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.all-3.5.js"></script>

<!-- 遮罩层 -->
<script src="${basePath }/static/ajax/libs/blockUI/jquery.blockUI.js"></script>
   <script src="${basePath }/static/ajax/libs/iCheck/icheck.min.js"></script>
<script src="${basePath }/static/ajax/libs/layer/layer.min.js"></script>
<script src="${basePath }/static/ajax/libs/layui/layui.js"></script>
<script src="${basePath }/static/ruoyi/js/common.js"></script>
<script src="${basePath }/static/ruoyi/js/ry-ui.js"></script>
<script src="${basePath }/assets/js/tree.js"></script>

<script type="text/javascript">
	
	//获取项目根目录
	function getRootPath(){
		let href = window.document.location.href;
		let pathName = window.document.location.pathname;
		let index = href.indexOf(pathName);
		let localhost = href.substring(0,index);
		let project = pathName.substring(0,(pathName.substr(1).indexOf('/'))+1);
			
		return (localhost+project);
	}
	
	let rootPath = getRootPath();
	
   $(function() {
	    var roleId = $("input[name='roleId']").val();
		var url = rootPath + "/system/menu/roleTree.do?roleId="+roleId;
		var options = {
			id: "menuTrees",
	        url: url,
	        check: { enable: true },
	        expandLevel: 0
	    };
		$.ztree.init(options);
	});
	
	function submitHandler() {
        if ($.validate.form()) {
        	role_edit();
        }
    }

	function role_edit() {
		var roleId = $("input[name='roleId']").val();
		var roleName = $("input[name='roleName']").val();
		var roleKey = $("input[name='roleKey']").val();
		var roleDecs = $("input[name='roleDecs']").val();
		
		var menuIds = $.tree.getCheckedNodes();
		
		if($.common.isEmpty(menuIds)){
			$.modal.alert("菜单权限不能为空");
			return;
		}
		
		$.ajax({
			type : "POST",
			url : rootPath + "/system/role/edit.do",
			data : {
				"roleId" : roleId,
				"roleName": roleName,
				"roleKey": roleKey,
				"roleDecs": roleDecs,
				"menuIds": menuIds
			},
			dataType: "json",
			success:function(response){
				
				if(response.RESULT == "failed"){
					$.modal.alert("保存失败,"+response.message);
					return;
				}
				
				var parent = window.parent;
                if (parent.$.table._option.type == table_type.bootstrapTable) {
                    $.modal.close();
                    parent.$.modal.msgSuccess(response.message);
                    parent.$.table.refresh();
                } else if (parent.$.table._option.type == table_type.bootstrapTreeTable) {
                    $.modal.close();
                    parent.$.modal.msgSuccess(response.message);
                    parent.$.treeTable.refresh();
                } else {
                    $.modal.msgReload("保存成功,正在刷新数据请稍后……", modal_status.SUCCESS);
                }
			}
		});
	}
</script>

</body>
</html>